﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>云科技</title>
    <link type="text/css" rel="stylesheet" media="all" href="../../styles/global.css"/>
    <link type="text/css" rel="stylesheet" media="all" href="../../styles/global_color.css"/>
</head>
<body>
<!--Logo区域开始-->
<div id="header">
    <img src="../../images/logo.png" alt="logo" class="left"/>
    <a href="/logout">[退出]</a>
</div>
<!--Logo区域结束-->
<!--导航区域开始-->
<div id="navi">
    <ul id="menu">
        <li><a href="/index" class="index_on"></a></li>
        <li><a href="/rolelist" class="role_off"></a></li>
        <li><a href="/adminList" class="admin_off"></a></li>
        <li><a href="/feelist" class="fee_off"></a></li>
        <li><a href="/accountlist" class="account_off"></a></li>
        <li><a href="/servicelist" class="service_off"></a></li>
        <li><a href="/billList" class="bill_off"></a></li>
        <li><a href="/reportList" class="report_off"></a></li>
        <li><a href="/userInfo" class="information_off"></a></li>
        <li><a href="/userModiPwd" class="password_off"></a></li>
    </ul>
</div>
<!--导航区域结束-->
<!--主要区域开始-->
<div id="main">
    <form action="" method="">
        <!--查询-->
        <div class="search_add">
            <div>身份证：<input type="text" value="不验证" class="text_search"/></div>
            <div>姓名：<input type="text" class="width70 text_search" value="不验证"/></div>
            <div>登录名：<input type="text" value="不验证" class="text_search" /></div>
            <div>
                状态：
                <select class="select_search">
                    <option>全部</option>
                    <option>开通</option>
                    <option>暂停</option>
                    <option>删除</option>
                </select>
            </div>
            <div><input type="button" value="搜索" class="btn_search"/></div>
            <input type="button" value="增加" class="btn_add" onclick="location.href='/accountadd';"/>
        </div>
        <!--删除等的操作提示-->
        <div id="operate_result_info" class="operate_success">
            <img src="../../images/close.png" onclick="this.parentNode.style.display='none';"/>
            删除成功，且已删除其下属的业务账号！
        </div>
        <!--数据区域：用表格展示数据-->
        <div id="data">
            <table id="datalist">
                <tr>
                    <th>账号ID</th>
                    <th>姓名</th>
                    <th class="width150">身份证</th>
                    <th>登录名</th>
                    <th>状态</th>
                    <th class="width100">创建日期</th>
                    <th class="width150">上次登录时间</th>
                    <th class="width200"></th>
                </tr>
            </table>
            <p>业务说明：<br/>
                1、创建则开通，记载创建时间；<br/>
                2、暂停后，记载暂停时间；<br/>
                3、重新开通后，删除暂停时间；<br/>
                4、删除后，记载删除时间，标示为删除，不能再开通、修改、删除；<br/>
                5、暂停账务账号，同时暂停下属的所有业务账号；<br/>
                6、暂停后重新开通账务账号，并不同时开启下属的所有业务账号，需要在业务账号管理中单独开启；<br/>
                7、删除账务账号，同时删除下属的所有业务账号。</p>
        </div>
        <!--分页-->
        <div id="pages">
        </div>
    </form>
</div>
<!--主要区域结束-->
<div id="footer">
    <p>[源自北美的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</p>
    <p>版权所有(C)云科技有限公司 </p>
</div>
<script src="../../js/jquery-3.2.1.js"></script>
<script src="../../js/parseDate.js"></script>
<script>
    var ip = 1;
    $.ajax({
        url: "/accountPage",
        type: "post",
        data:{
            pagenum: ip
        },
        success: function (data) {
            for (var i in data.list){
                var account=data.list[i];
                var createdate=account.createDate;
                var lastLogindate=account.lastLoginTime;
                var cdate= getCTime(createdate);
                var ldate= getLocalTime(lastLogindate);
                var accountId=account.accountId;
                var ss=account.status;
                var status=account.status;
                var statu=null;
                if (status==0){
                    status="开通";
                    statu="暂停";
                    $("#datalist").append("<tr><td>"+account.accountId+"</td><td><a href='javascript:void(0)' style='text-decoration: none' onclick='showDetail("+accountId+");'>"+account.realName+"</a></td><td>"+account.idcardNo+"</td><td>"+account.loginName+"</td><td>"+status+"</td><td>"+cdate+"</td><td>"+ldate+"</td><td class='td_modi'><input type='button' value='"+statu+"' class='btn_pause' id='statu' onclick=\"setState('"+accountId+","+ss+"')\"/><input type='button' value='修改' class='btn_modify' id='update' onclick='updateAccount("+accountId+")'/><input type='button' value='删除' class='btn_delete' id='delete' onclick='deleteAccount("+accountId+");'/></td></tr>");
                }else if (status==1){
                    status="暂停";
                    statu="开通";
                    $("#datalist").append("<tr><td>"+account.accountId+"</td><td><a href='javascript:void(0)' style='text-decoration: none' onclick='showDetail("+accountId+");'>"+account.realName+"</a></td><td>"+account.idcardNo+"</td><td>"+account.loginName+"</td><td>"+status+"</td><td>"+cdate+"</td><td>"+ldate+"</td><td class='td_modi'><input type='button' value='"+statu+"' class='btn_start' id='statu' onclick=\"setState('"+accountId+","+ss+"')\"/><input type='button' value='修改' class='btn_modify' id='update' onclick='updateAccount("+accountId+")'/><input type='button' value='删除' class='btn_delete' id='delete' onclick='deleteAccount("+accountId+");'/></td></tr>");
                }else{
                    status="删除";
                    statu="删除";
                    $("#datalist").append("<tr><td>"+account.accountId+"</td><td><a href='javascript:void(0)' style='text-decoration: none' onclick='showDetail("+accountId+");'>"+account.realName+"</a></td><td>"+account.idcardNo+"</td><td>"+account.loginName+"</td><td>"+status+"</td><td>"+cdate+"</td><td>"+ldate+"</td><td class='td_modi'></td></tr>");
                }
            }
            //            当前页码
            var pageNum = data.pageNum;
//            每页的数量
            var pageSize = data.pageSize;
//            当前页的数量
            var size = data.size;
//            数据总数
            var total = data.total;
//            一共多少页
            var pages = data.pages;
//            首页是多少
            var firstPage = data.firstPage;
//            上一页是多少
            var prePage = data.prePage;
//            下一页是多少
            var nextPage = data.nextPage;
//            最后一页是多少
            var lastPage = data.lastPage;
//            是否是首页
            var isFirstPage = data.isFirstPage;
//            是否是尾页
            var isLastPage = data.isLastPage;
            if (isFirstPage) {
                prePage = prePage + 1;
            }
            if (isLastPage) {
                nextPage = lastPage;
            }
            $("#pages").append($("<a href='javascript:void(0)' onclick='page(" + prePage + ")'>" + "<<<" + "</a>"));
            for (i = 1; i <= lastPage; i++) {
                $("#pages").append($("<a href='javascript:void(0)' onclick='page(" + i + ")'>" + i + "</a>"))
            }
            $("#pages").append($("<a href='javascript:void(0)' onclick='page(" + nextPage + ")'>" + ">>>" + "</a>"));
            var urlstatus = false;
            if (!urlstatus) {
                $("#pages a").eq(1).addClass('current_page');
            }
        }
    });
    //详情
    function showDetail(accountId) {
        window.location.href='/accountDetail?accountId='+accountId+'';
    }
    //修改
    function updateAccount(accountId) {
        window.location.href='/accountupdate?accountId='+accountId+'';
    }
    //删除
    function deleteAccount(accountId) {
        var r = window.confirm("确定要删除此账务账号吗？\r\n删除后将不能恢复，且会删除其下属的所有业务账号。");
        if (r){
            $.ajax({
                url:"/deleteAccountAndService",
                type:"post",
                data:{
                    accountId:accountId
                },
                success:function () {
                    window.location.href="/accountlist";
                    document.getElementById("operate_result_info").style.display = "block";
                }
            });
        }
    }
    //开通或暂停
    function setState(result) {
        //alert(result);
        var indexof=result.indexOf(",");
        var status=result.substr(-1,1);
        var accountId=result.substr(0,indexof);
        //alert(status);
        //alert(accountId);
        if (status==0){
            if (window.confirm("确定要暂停此账务账号吗？")){
                $.ajax({
                    url:"/updateStatusById",
                    type:"post",
                    data:{
                        status:1,
                        accountId:accountId
                    },
                    success:function () {
                        window.location.href="/accountlist";
                        document.getElementById("operate_result_info").style.display = "block";
                    }
                });
            }
        }
        if (status==1){
            if (window.confirm("确定要开通此账务账号吗？")){
                $.ajax({
                    url:"/updateStatusById",
                    type:"post",
                    data:{
                        status:0,
                        accountId:accountId
                    },
                    success:function () {
                        window.location.href="/accountlist";
                        document.getElementById("operate_result_info").style.display = "block";
                    }
                });
            }
        }
    }
    function page(i) {
        ip = i;
        $.ajax({
            url: "/accountPage",
            type: "post",
            data: {
                pagenum: ip
            },
            success: function (data) {
                $("#datalist").html("");
                $("#datalist").append("<tr><th>账号ID</th><th>姓名</th><th class='width150'>身份证</th><th>登录名</th><th>状态</th><th class='width100'>创建日期</th><th class='width150'>上次登录时间</th><th class='width200'></th></tr>");
                for (var i in data.list) {
                    var account = data.list[i];
                    var createdate = account.createDate;
                    var lastLogindate = account.lastLoginTime;
                    var cdate = getCTime(createdate);
                    var ldate = getLocalTime(lastLogindate);
                    var accountId=account.accountId;
                    var ss=account.status;
                    var status = account.status;
                    var statu = null;
                    if (status == 0) {
                        status = "开通";
                        statu = "暂停";
                        $("#datalist").append("<tr><td>" + account.accountId + "</td><td><a href='javascript:void(0)' style='text-decoration: none' onclick='showDetail("+accountId+");'>" + account.realName + "</a></td><td>" + account.idcardNo + "</td><td>" + account.loginName + "</td><td>" + status + "</td><td>" + cdate + "</td><td>" + ldate + "</td><td class='td_modi'><input type='button' value='" + statu + "' class='btn_pause' id='statu' onclick=\"setState('"+accountId+","+ss+"')\"/><input type='button' value='修改' class='btn_modify' id='update' onclick='updateAccount("+accountId+")'/><input type='button' value='删除' class='btn_delete' id='delete' onclick='deleteAccount("+accountId+");'/></td></tr>");
                    } else if (status == 1) {
                        status = "暂停";
                        statu = "开通";
                        $("#datalist").append("<tr><td>" + account.accountId + "</td><td><a href='javascript:void(0)' style='text-decoration: none' onclick='showDetail("+accountId+");'>" + account.realName + "</a></td><td>" + account.idcardNo + "</td><td>" + account.loginName + "</td><td>" + status + "</td><td>" + cdate + "</td><td>" + ldate + "</td><td class='td_modi'><input type='button' value='" + statu + "' class='btn_start' id='statu' onclick=\"setState('"+accountId+","+ss+"')\"/><input type='button' value='修改' class='btn_modify' id='update' onclick='updateAccount("+accountId+")'/><input type='button' value='删除' class='btn_delete' id='delete' onclick='deleteAccount("+accountId+");'/></td></tr>");
                    } else {
                        status = "删除";
                        statu = "删除";
                        $("#datalist").append("<tr><td>" + account.accountId + "</td><td><a href='javascript:void(0)' style='text-decoration: none' onclick='showDetail("+accountId+");'>" + account.realName + "</a></td><td>" + account.idcardNo + "</td><td>" + account.loginName + "</td><td>" + status + "</td><td>" + cdate + "</td><td>" + ldate + "</td><td class='td_modi'></td></tr>");
                    }
                }
                //            当前页码
                var pageNum = data.pageNum;
//            每页的数量
                var pageSize = data.pageSize;
//            当前页的数量
                var size = data.size;
//            数据总数
                var total = data.total;
//            一共多少页
                var pages = data.pages;
//            首页是多少
                var firstPage = data.firstPage;
//            上一页是多少
                var prePage = data.prePage;
//            下一页是多少
                var nextPage = data.nextPage;
//            最后一页是多少
                var lastPage = data.lastPage;
//            是否是首页
                var isFirstPage = data.isFirstPage;
//            是否是尾页
                var isLastPage = data.isLastPage;
                if (isFirstPage) {
                    prePage = prePage + 1;
                }
                if (isLastPage) {
                    nextPage = lastPage;
                }
                $("#pages").html("");
                $("#pages").append($("<a href='javascript:void(0)' onclick='page(" + prePage + ")'>" + "<<<" + "</a>"));
                for (i = 1; i <= lastPage; i++) {
                    $("#pages").append($("<a href='javascript:void(0)' onclick='page(" + i + ")'>" + i + "</a>"))
                }
                $("#pages").append($("<a href='javascript:void(0)' onclick='page(" + nextPage + ")'>" + ">>>" + "</a>"));
                $("#pages a").siblings('a').removeClass('selected');
                $("#pages a").eq(pageNum).addClass('current_page');
            }
        });
    }
</script>
</body>
</html>
